﻿<style>
    .content,
    .property-title small {
        font-size: 17px;
    }

    textarea, input, button {
        font-size: 17px !important;
    }

    h2{
        font-size:20px;
    }

    .image img{
        height:320px;
    }

    @media (max-width: 991px) and (min-width: 767px)
    {
        .image{ text-align:center}
        .image img{
            width: initial!important;
        }
    }

    @media only screen and (max-width: 600px) {
        .image{
            text-align: center;
        }
        .image img{
            height:250px;
            width: 250px!important;
        }
    }
    @media (max-width: 767px) and (min-width: 601px)
    {
        .image{ 
            text-align:center;
        }
        .image img {
            width: 300px!important;
        }
    }

    .top-info li {
        font-size: 17px;
    }

</style>

<!-- BEGIN PAGE TITLE/BREADCRUMB -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">{{agent.username}} Information</h1>

                <!--<ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="#">Properties</a></li>
                    <li><a href="properties-detail.html">Property Detail</a></li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PAGE TITLE/BREADCRUMB -->
<!-- BEGIN CONTENT WRAPPER -->
<div class="content">
    <div class="container">
        <div class="row">
            <!-- BEGIN MAIN CONTENT -->
            <div class="main col-sm-8">
                <h1 class="section-title">Contact {{ agent.username }}</h1>
                <!-- BEING AGENT INFORMATION -->
                <div class="property-agent-info">
                    <div class="agent-detail col-md-4">
                        <div class="image">
                            <img alt="" src="{{ agent.mediumUrl }}" />
                        </div>

                        <div class="info">
                            <header>
                                <h2 style="font-size:20px;">{{ agent.username }}</h2>
                            </header>

                            <ul class="contact-us">
                                <li><a href="mailto:{{ agent.email }}"><i class="fa fa-envelope"></i>{{ agent.email }}</a></li>
                                <li><a href="tel:+6{{ agent.mobile }}"><i class="fa fa-phone"></i>{{ agent.mobile }}</a></li>
                                <li style="padding-left:0px">PropertyType: {{ agent.PropertyType }}</li>
                                <li style="padding-left:0px">Area Specialist: {{ agent.Area }}</li>
                                <li style="padding-left:0px">Ren No: <span ng-show="!isEmpty(REN)">{{ REN }}</span></li>
                            </ul>
                        </div>
                    </div>

                    <form ng-submit="sendMessage(agent.email)" class="form-style col-md-8">
                        <div class="col-sm-12">
                            <input ng-model="contact_name" type="text" name="Name" placeholder="Name" class="form-control required fromName" />
                        </div>

                        <div class="col-sm-12">
                            <input ng-model="contact_email" type="email" name="Email" placeholder="Email" class="form-control required fromEmail" />
                        </div>

                        <div class="col-sm-12">
                            <input ng-model="contact_subject" type="text" name="Subject" placeholder="Subject" class="form-control required subject" />
                            <textarea ng-model="contact_message" name="Message" placeholder="Message" class="form-control required"></textarea>
                        </div>

                        <div class="center">
                            <button type="submit" class="btn btn-default-color submit_form"><i class="fa fa-envelope"></i> Send Message</button>
                        </div>
                    </form>
                </div>

                <section>
                    <h1 class="section-title" data-animation-direction="from-bottom" data-animation-delay="50">Description</h1>
                    <p style="text-align:justify">
                        {{ agent.Description }}
                        <!--There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.-->
                    </p>
                </section>


                <section style="overflow:auto">
                    <h1 class="section-title" data-animation-direction="from-bottom" data-animation-delay="50">{{ agent.username }}'s Sales Listing</h1>
                    <div class="grid-style1" style="height: 100%;overflow:auto">
                        <div style="height:100%;margin-bottom:17%;" ng-repeat="nsl in agentSaleListings" class="item col-md-6" data-animation-direction="from-bottom" data-animation-delay="250">
                            <div class="image">
                                <a ng-click="go(nsl.propertyid, nsl, nsl.SaleType[0])" href="/property/{{ nsl.propertyid }}/{{ nsl.SaleType }}">
                                    <span class="btn btn-default"><i class="fa fa-file-o"></i> Read More</span>
                                </a>
                                <img ng-if="!isEmpty(nsl.PropertyURL)" src="{{ nsl.PropertyURL }}" alt="" />
                                <img ng-if="isEmpty(nsl.PropertyURL)" src="/images/penangrealty-logo.png" />
                            </div>

                            <div class="tag"><i class="fa fa-file-text"></i></div>

                            <div class="info-blog">
                                <ul class="top-info">
                                    <li><i class="fa fa-tags"></i>{{ nsl.location }}, {{ nsl.state }}</li>
                                </ul>
                                <h3>
                                    <a ng-click="go(nsl.propertyid, nsl, nsl.SaleType[0])" href="/property/{{ nsl.propertyid }}/{{ nsl.SaleType }}">{{ nsl.ShortHeading }}</a>
                                </h3>
                                <p>{{ nsl.LongHeading }}</p>
                            </div>

                            <ul class="amenities">
                                <li>Land Area <i class="icon-area"></i> {{ nsl.LandSqrtFt }} Sq Ft </li>
                                <li>Built Area <i class="icon-area"></i> {{ nsl.BuildUp }} Sq Ft </li>
                            </ul>

                            <div style="font-size:16px;padding:20px;padding-left:0px;">
                                Agent: {{ nsl.agentname }} (<a href="tel:+6{{ nsl.mobile }}">+6{{ nsl.mobile }}</a>)
                            </div>

                            <div style="float:left;margin-bottom:5%;">
                                <ul class="social-networks">
                                    <li><a target="_blank" href="http://www.facebook.com/sharer.php?caption={{ getShareTitle(nsl) }}&description={{ getShareDescription(nsl) }}&u={{ getShareURL(nsl) }}&picture={{ getShareImageURL(nsl) }}"><i class="fa fa-facebook"></i></a></li>
                                    <li><a target="_blank" href="https://twitter.com/intent/tweet?url={{ getShareURL(nsl) }}&amp;text={{ getShareTitle(nsl) }}}"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="whatsapp://send?text={{ getShareURL(nsl) }} {{ getShareTitle(nsl) }}" data-action="share/whatsapp/share"><i class="fa fa-whatsapp"></i></a></li>
                                    <li><a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{ getShareURL(nsl) }}&title={{ getShareTitle(nsl) }}&summary={{ getShareDescription(nsl) }}"><i class="fa fa-linkedin"></i></a></li>

                                    <li>
                                        <a target="_blank" href="https://plus.google.com/share?text={{ getShareTitle(nsl) }} {{ getShareURL(nsl) }}">
                                            <i class="fa fa-google"></i>
                                        </a>
                                    </li>

                                    <li><a href="mailto:?Subject={{ property.LongHeading }}&Body=Hi%2C%0A%0ACheck%20out%20this%20property%20from%20Shijieproperty%3A%20%3Ca%20href%3D%22{{ getShareURL(nsl) }}%22%3EHere%3C/a%3E%0A%0AThank%20you."><i class="fa fa-envelope"></i></a></li>


                                </ul>
                            </div>

                        </div>
                    </div>

                   
                </section>
                <div style="text-align:center">
                    <a class="btn btn-danger" style="padding-left: 25px;
                                                    padding-right: 25px;
                                                    background-color: transparent!important;
                                                    color: #df4a43!important;
                                                    border: 2px solid #df4a43;
                                                    font-size: 1em;" href="/agent/{{ agent.username }}/sales">Show Sale Properties</a>
                </div>


                <section style="overflow:auto">
                    <h1 class="section-title" data-animation-direction="from-bottom" data-animation-delay="50">{{ agent.username }}'s Rent Listing</h1>
                    <div class="grid-style1" style="height: 100%;min-height:575px;">
                        <div style="height:100%!important;margin-bottom:17%;overflow:auto" ng-repeat="nsl in agentRentListings" class="item col-md-6" data-animation-direction="from-bottom" data-animation-delay="250">
                            <div class="image">
                                <a ng-click="go(nsl.propertyid, nsl, nsl.SaleType[0])" href="/property/{{ nsl.propertyid }}/{{ nsl.SaleType }}">
                                    <span class="btn btn-default"><i class="fa fa-file-o"></i> Read More</span>
                                </a>
                                <img ng-if="!isEmpty(nsl.PropertyURL)" src="{{ nsl.PropertyURL }}" alt="" />
                                <img ng-if="isEmpty(nsl.PropertyURL)" src="/images/penangrealty-logo.png" />
                            </div>
                            <div class="tag"><i class="fa fa-file-text"></i></div>
                            <div class="info-blog">
                                <ul class="top-info">
                                    <li><i class="fa fa-tags"></i>{{ nsl.location }}, {{ nsl.state }}</li>
                                </ul>
                                <h3>
                                    <a ng-click="go(nsl.propertyid, nsl, nsl.SaleType[0])" href="/property/{{ nsl.propertyid }}/{{ nsl.SaleType }}">{{ nsl.ShortHeading }}</a>
                                </h3>
                                <p>{{ nsl.LongHeading }}</p>
                            </div>
                            <ul class="amenities">
                                <li>Land Area <i class="icon-area"></i> {{ nsl.LandSqrtFt }} Sq Ft </li>
                                <li>Built Area <i class="icon-area"></i> {{ nsl.BuildUp }} Sq Ft </li>
                            </ul>

                            <div style="font-size:16px;padding:20px;padding-left:0px;">
                                Agent: {{ nsl.agentname }} (<a href="tel:+6{{ nsl.mobile }}">+6{{ nsl.mobile }}</a>)
                            </div>

                            <div style="float:left">
                                <ul class="social-networks">
                                    <li><a target="_blank" href="http://www.facebook.com/sharer.php?caption={{ getShareTitle(nsl) }}&description={{ getShareDescription(nsl) }}&u={{ getShareURL(nsl) }}&picture={{ getShareImageURL(nsl) }}"><i class="fa fa-facebook"></i></a></li>
                                    <li><a target="_blank" href="https://twitter.com/intent/tweet?url={{ getShareURL(nsl) }}&amp;text={{ getShareTitle(nsl) }}}"><i class="fa fa-twitter"></i></a></li>
                                    <li><a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{ getShareURL(nsl) }}&title={{ getShareTitle(nsl) }}&summary={{ getShareDescription(nsl) }}"><i class="fa fa-linkedin"></i></a></li>
                                    <li>
                                        <a target="_blank" href="https://plus.google.com/share?text={{ getShareTitle(nsl) }} {{ getShareURL(nsl) }}">
                                            <i class="fa fa-google"></i>
                                        </a>
                                    </li>
                                    <li><a href="whatsapp://send?text={{ getShareURL(nsl) }} {{ getShareTitle(nsl) }}" data-action="share/whatsapp/share"><i class="fa fa-whatsapp"></i></a></li>

                                    <li ng-show="isAndroid == true">
                                        <a href="mailto:?subject={{ property.LongHeading }}&body=Hi%2C%0A%0ACheck%20out%20this%20property%20from%20Shijieproperty%3A%20{{ getShareURL(nsl) | removeSpaces }}%0A%0AThank%20you.">
                                            <i class="fa fa-envelope"></i>
                                        </a>
                                    </li>
                                    <li ng-show="isAndroid == false">
                                        <a href="mailto:?Subject={{ property.LongHeading }}&Body=Hi%2C%0A%0ACheck%20out%20this%20property%20from%20Shijieproperty%3A%20%3Ca%20href%3D%22{{ getShareURL(nsl) }}%22%3EHere%3C/a%3E%0A%0AThank%20you."><i class="fa fa-envelope"></i></a>
                                    </li>

                                </ul>
                            </div>

                        </div>
                    </div>
                   
                </section>
                <div style="text-align:center">
                    <a class="btn btn-danger" style="padding-left: 25px;
                                                        padding-right: 25px;
                                                        background-color: transparent!important;
                                                        color: #df4a43!important;
                                                        border: 2px solid #df4a43;
                                                        font-size: 1em;" href="/agent/{{ agent.username }}/rents">Show Rent Properties</a>
                </div>
                    <!-- END AGENT INFORMATION -->
                    <!-- BEGIN SIMILAR PROPERTIES -->
                    <!--<h1 class="section-title">Similar Properties</h1>-->
                
                </div>
            <!-- END MAIN CONTENT -->
            <!-- BEGIN SIDEBAR -->
            <div class="sidebar gray col-sm-4">

                <form ng-submit="submitForm($event)">
                    <div id="newsletter" class="col-sm-12">
                        <h2 class="section-title">Subscribe our<br><span>Newsletter</span></h2>
                        <div class="input-group">
                            <input ng-model="subscription_email" type="text" placeholder="Enter your E-mail" name="subscription_email" id="email" class="form-control" />
                            <span class="input-group-btn">
                                <button class="btn btn-default-color" type="submit">Subscribe</button>
                            </span>
                        </div>
                    </div>
                </form>


                <iframe width="100%" height="500px" scrolling="no" style="border: none;" src="https://www.opinionstage.com/polls/2409394/poll" frameBorder="0" name="os_frame" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>


            </div>
            <!-- END SIDEBAR -->

        </div>
    </div>
</div>
<!-- END CONTENT WRAPPER -->